<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%
	pageContext.setAttribute("APP_PATH", request.getContextPath());
%>

<title>登陆</title>
<link rel="icon" type="image/x-icon"
	href="${APP_PATH }/static/images/runner.ico" />

<style type="text/css">
.login_username {
	background: url(../images/login_yonghu.png) no-repeat 0 0;
	background-position: 15px 10px;
	height: 40px;
	width: 286px;
	padding-left: 49px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

.login_password {
	background: url(../images/login_mima.png) no-repeat 0 0;
	background-position: 15px 10px;
	height: 40px;
	width: 286px;
	padding-left: 49px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}
</style>

<script type="text/javascript"
	src="${APP_PATH }/static/js/jquery.min.js"></script>
<link
	href="${APP_PATH }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
	rel="stylesheet">
<script
	src="${APP_PATH }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(function() {

		$("#login").click(function(){
			
			
		});
	});

	//刷新验证码
	function refresh() {
		var url = "${APP_PATH }/userController/createCode?number="
				+ Math.random();
		$("#codeImg").attr("src", url);
	}
</script>
</head>
<body>
		<a href="${APP_PATH }/shiroController/logout">logout</a>
		<div class="row" style="background: white; height: 50px;"></div>
		<div class="row">
			<div class="col-md-4 col-md-offset-1" style="padding-bottom: 10px;">
				<a href="${APP_PATH }/index.jsp" style="font-size: 25px;text-decoration: none;">速行</a>
				<font size="5px;">|会员登陆</font>
			</div>
		</div>
		<br /><br />
		<div class="row">
			<div class="col-md-4 col-md-offset-1">
				<img alt="图片" src="${APP_PATH }/static/images/login_left.jpg"
					width="450px;" height="280px;">
			</div>
			<div class="col-md-7">
				<form class="form-horizontal" action="${APP_PATH }/shiroController/login" method="post">
					<div class="form-group">
						<div class="col-md-6">
							<input type="text" class="form-control" id="userPhone" name="userPhone"
								style="width: 350px;" placeholder="手机号/邮箱/账号">
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-6">
							<input type="password" class="form-control" id="userPassword" name="userPassword"
								style="width: 350px;" placeholder="密码">
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-6">
							<input type="text" class="form-control" id="companyId" name="companyId"
								style="width: 350px;" placeholder="企业编码">
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-3">
							<input type="text" class="form-control" id="loginCode" name="loginCode"
								style="width: 150px;" placeholder="验证码">
						</div>
						<div class="col-md-3 ">
							<img id="codeImg" src="${APP_PATH }/userController/createCode"
								onclick="refresh()">
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-6">
							<button id="login" type="submit" class="btn btn-warning"
								style="width: 350px;">登陆</button>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-6">
							<div class="checkbox">
								<label><input type="checkbox"> 十天免登陆</label> 
								<label style="float: right;">
									<a href="${APP_PATH }/userController/toAlterPassword" style="text-decoration: none;">忘记密码</a>|
									<a href="${APP_PATH }/userController/toRegister" style="text-decoration: none;">立即注册</a>
								</label>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<div class="row">
			<div class="col-md-4 col-md-offset-4" style="padding-bottom: 10px;">
				<label>速行版权所有 ©2017-2018京ICP备66666666号-6</label>
			</div>
		</div>
	</div>
</body>
</html>